<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>店铺首页</title>
    <!--css style-->
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/font.css">
    <link rel="stylesheet" href="responsive/flexible.css">
    <script src="responsive/flexible.js"></script>
</head>
<body class="shop inner_page">
    <header>
        <a href="javascript:void(0)" class="pre_page"></a>
        <a href="index.html" class="home"></a>
        <div class="header_search">
            <form action="">
                <input type="text" placeholder="五金建材">
                <input type="submit" value="">
            </form>
        </div>
    </header>

    <section class="main">

        <div class="banner">
            <a href="javascript:void(0)">
                <img src="img/shop_banner.jpg" alt="">
            </a>
        </div>
        <div class="shop_nav">
            <div class="container nav">
                <a href="javascript:void(0);" class="active">店铺首页</a>
                <a href="javascript:void(0);">全部商品</a>
                <a href="javascript:void(0);">设计师</a>
                <a href="javascript:void(0);">效果图</a>
            </div>
        </div>
        <div class="ad">
            <a href="javascript:void(0)"><img src="img/ad.jpg" alt=""></a>
        </div>
        <div class="commend">

        </div>
        <div class="designers">
            <div class="container">
                <h2>推荐设计师</h2>
                <ul class="des_list">
                    <li><a href="javascript:void(0)">
                        <div class="pic">
                            <img src="img/tanbo.jpg" alt="">
                        </div>
                        <p><span>唐博</span>高级设计师</p>
                    </a></li>
                    <li><a href="javascript:void(0)">
                        <div class="pic">
                            <img src="img/tanbo.jpg" alt="">
                        </div>
                        <p><span>唐博</span>高级设计师</p>
                    </a></li>
                    <li><a href="javascript:void(0)">
                        <div class="pic">
                            <img src="img/tanbo.jpg" alt="">
                        </div>
                        <p><span>唐博</span>高级设计师</p>
                    </a></li>
                    <li><a href="javascript:void(0)">
                        <div class="pic">
                            <img src="img/tanbo.jpg" alt="">
                        </div>
                        <p><span>唐博</span>高级设计师</p>
                    </a></li>
                </ul>
            </div>


        </div>
        <div class="effects">
            <div class="container">
                <h2>热门效果图</h2>
                <ul class="des_list container">
                    <li><a href="javascript:void(0)">
                        <div class="pic">
                            <img src="img/effects_img.jpg" alt="">
                        </div>
                        <p>现代简约三居室客厅装修...</p>
                    </a></li>
                    <li><a href="javascript:void(0)">
                        <div class="pic">
                            <img src="img/effects_img.jpg" alt="">
                        </div>
                        <p>现代简约三居室客厅装修...</p>
                    </a></li>
                    <li><a href="javascript:void(0)">
                        <div class="pic">
                            <img src="img/effects_img.jpg" alt="">
                        </div>
                        <p>现代简约三居室客厅装修...</p>
                    </a></li>
                    <li><a href="javascript:void(0)">
                        <div class="pic">
                            <img src="img/effects_img.jpg" alt="">
                        </div>
                        <p>现代简约三居室客厅装修...</p>
                    </a></li>
                </ul>
            </div>
        </div>
    </section>

</body>
</html>